input{padding: 0; margin: 0; font-family: 'Microsoft YaHei';}
img{border: none; background: none; vertical-align: middle;}
ul,
ol,
li{list-style-type: none;}
select,
input,
img,
select{vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0}
table,
th,
td{vertical-align: middle}
.clearfix:after{content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.clearfix{zoom: 1}
.clearboth{height: 0px; line-height: 0px; overflow: hidden; clear: both; font-size: 0px;}
h1,
h2,
h3,
h4{font-size: 12px; font-weight: bold; line-height: 1.5}
hr{border: 0; border-top: 1px solid #ccc; height: 0;}
.wd1200{width: 1200px; margin: 0 auto;}
p{margin: 0;}
/*导航栏样式*/
.navbag{width:100%;height:50px;background-color:#339933;}
.nav{height: 50px; display: flex; justify-content: center;line-height: 50px; height: 50px; text-align: center;}
.nav li{ width: 90px; width: 100%; float: left; position: relative; z-index: 999;}
.nav li a{display: block; line-height: 50px; color: #fff; height: 50px; font-size: 18px; font-weight: 700;font-family: "微软雅黑";}
.nav li a:hover{color: #fff; text-decoration: none;}
.nav li ul.secnav{display:none;height: 0;background: #339933;color: #fff;z-index: 9999;position: absolute;top: 50px;left: 0px;width: 100%;}
.nav li ul.secnav li{height: 38px;}
.nav li ul.secnav li a{background: #339933;color: #fff;font-size:  14px;line-height: 38px;height: 38px;}
.nav li ul.secnav li a:hover{background: #f0c404;text-decoration: none;color: #0b820b;}
.nav li:hover ul.secnav{display:block;}

/*头部样式*/
#header{background:; position: relative; padding-top: 10px;}
#header .top{height: 100px;}
.logo{float: left;}
.top_phone{margin-top: 10px; background: url(../images/tel.png) no-repeat left 5px;  font-family: LiSu; color: #424242; padding-left: 40px;width: 259px;}
.top_phone .tp_num{font-size: 30px;line-height: 40px; font-weight: 900; padding:20px 0 0 10px;}
.topLink{float: right; text-align: right; position: relative; z-index: 9999;}
.translate{width: 100px; position: absolute; left: 0; top: 10px; z-index: 9999;}
.tran-in{left: 120px;}
.translate li{border: 1px dashed #cccccc; line-height: 26px; text-align: left; background: #fff;}
.translate li a{display: block; padding-left: 10px; background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none; color: #275cea; cursor: pointer;}
.translate-en{display: none; padding: 6px; padding-top: 0px;}
.translate li .translate-en a{padding-left: 0px; text-align: center; background: #fff; border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}
.topLink .f_count{color: #ff0000; font-size: 13px; font-weight: bold;}
.topLink .k1{line-height: 32px; padding-top: 5px;}
.topLink .k2{color: #074b91; font-size: 14px; font-family: "微软雅黑";}
#menu{margin-top: 0px;}
/*热门搜索*/
.search_index{height: 70px; position: relative; line-height: 70px; color: #666;}
#formsearch{width: 246px; float: right;}
.hotSearch{float: left; height: 70px; line-height: 70px; font-weight: normal;}
.hotSearch a{color: #666; margin-right: 10px;}
#formsearch input{height: 39px; background: #fff; line-height: 39px; border: none; outline: none;}
#formsearch input#keyword{height: 39px; line-height: 39px; padding-left: 35px; color: #999999; border-left: 1px solid #cccccc;}
#formsearch input#s_btn{width: 46px; height: 39px; line-height: 39px; text-align: center; background: url(../images/ssbgm.png) no-repeat center center; color: #fff; border: none; cursor: pointer;}
#search-type{float: left; width: 100px; height: 24px; border: 1px solid #c8c8c8; margin-right: 5px;}
.com-img{display: inline; overflow: hidden; margin: 0 auto; display: table;}
.com-img img{transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; -o-transition: all 0.5s ease-in 0s;}
.com-img:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
/*c1_index*/
.c1_index{position: relative; background: #f1f1f1; padding: 70px 0 10px;}
.ttt1{text-align: center;}
.ttt1 h3{color: #0174b5; font-size: 24px; font-weight: normal;}
.ttt1 h3 span{color: #636363; font-size: 24px; margin-left: 10px; position: relative;}
.ttt1 p{background: url(../images/xian.png) no-repeat center center; font-size: 18px; color: #717171; margin: 5px 0;}
.ttt1 span::before{position: absolute; left: -12px; top: 12px; background: url(../images/dian.png) no-repeat center center; width: 6px; height: 6px; content: "";}
.c11_list{position: relative; margin-top: 25px;}
.c11_list li{float: left;margin-right: 80px;position: relative;}
.c11_list li:last-child{margin-right: 0px;}
.c11_list li a.img{display: block; position: relative;}
.c11_list li a.img>img{width: 230px;height: 230px;border-radius: 200px;}
.c11_list li .team{height: 88px;/* background: #fff; */border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;text-align: center;cursor: pointer;}
.c11_list li .team h3{padding-top: 15px; font-size: 16px; color: #3a3a3a;}
.c11_list li .team span{display: block; font-size: 14px; color: #3a3a3a; padding-top: 5px;}
.c11_list li a.img .pao{background: rgba(0, 0, 0, 0.6);position: absolute;left: 0px;right: 0px;top: 0px;width: 100%;height: 100%;text-align: center;opacity: 0;}
.c11_list li a.img .pao img{padding-top: 100px;}
/*.c11_list li:hover a.img .pao{opacity: 1;}
.c11_list li:hover .team{background: #339933;}
.c11_list li:hover .team h3,
.c11_list li:hover .team span{color: #fff;}*/
/*hengtu*/
.hengtu{position: relative;}
.hengtu img{width: 100%; height: auto;}
/*c2_index*/
.wd1245{width: 1245px; margin: 0 auto}
.c2_index{position: relative; background: #f1f1f1; padding-top: 80px; padding-bottom: 25px;}
.c22_left{float: left; width: 270px; padding: 0 10px; background: #339933;}
.c22_left h2{padding-top: 30px; font-family: "Myriad Pro"; font-size: 16px; color: #fff; text-align: center; text-transform: uppercase; font-weight: normal;}
.c22_left h1{font-size: 24px; color: #fff; text-align: center; background: url(../images/h1_bg.png) no-repeat center center;}
.sort1{position: relative; margin: 10px 0;}
.sort1 li{position: relative; line-height: 50px; background: url(../images/hui.png) no-repeat 220px center #fff;}
.sort1 li+li{border-top: 1px solid #f4f4f4;}
.sort1 li::before{position: absolute; left: 10px; top: 22px; content: ""; width: 10px; height: 10px; background: url(../images/hyuan.png) no-repeat center center;}
.sort1 li:hover::before{position: absolute; left: 10px; top: 22px; content: ""; width: 10px; height: 10px; background: url(../images/byuan.png) no-repeat center center;}
.sort1 li:hover{background: url(../images/bai.png) no-repeat 220px center #339933;}
.sort1 li:hover a{color: #fff;}
.sort1 li a{display: block; padding-left: 30px; font-size: 16px; color: #333333;}
.sort_ewm{padding: 10px 0 10px; line-height: 40px; color: #fff; text-align: center;}
.c22_right{float: right; width: 960px;}
.c22_right li{float: left; margin-right: 6px; margin-bottom: 6px; position: relative;}
.c22_right li:nth-child(3n){margin-right: 0px;}
.c22_right li a.img{display: block; overflow: hidden;}
.c22_right li a.img img{width: 316px; height: 288px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.c22_right li a.img img:hover{-webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
.c22_right li a.img h3{line-height: 47px; position: absolute; bottom: 0px; width: 100%; background: rgba(0, 0, 0, .4); text-align: center; font-size: 18px; color: #fff; font-weight: normal;}
/*c3_index*/
.c3_index{position: relative; padding-top: 50px; padding-bottom: 30px; background: #f1f1f1; height: 630px;}
.c33_list{position: relative; margin-top: 30px;}
.c33_list li{float: left; width: 291px; height: 396px; background: #fff; text-align: center; margin-right: 12px; padding: 0 20px; transition: .5s ease;}
.c33_list li:nth-child(2n){margin-top: 30px;}
.c33_list li:hover{margin-top: -10px;}
.c33_list li:nth-child(2n):hover{margin-top: 20px;}
.c33_list li:last-child{margin-right: 0px;}
.c33_list li a.img{display: block}
.c33_list li a.img img{cursor: default; padding-top: 26px; width: 131px;}
.c33_list li a.img h3{cursor: default; font-size: 18px; color: #99CC33; padding-top: 20px; font-weight: normal;}
.c33_list li a.img span{cursor: default; display: block; font-size: 16px; color: #929292; font-weight: normal; background: url(../images/xian2.png) no-repeat center bottom; padding-bottom: 20px;}
.c33_list li a.img dd{text-align: left; cursor: default; margin-top: 20px; color: #636363; font-size: 16px; font-family: "黑体"}
/*c4_index*/
.c4_index{position: relative; padding-top: 50px; padding-bottom: 70px; background: #f1f1f1;}
.c44_list{position: relative; margin-top: 25px;}
.c44_list li{float: left; margin-right: 4px; margin-bottom: 5px; position: relative;}
.c44_list li:nth-child(3n){margin-right: 0px;}
.c44_list li a.img{display: block; overflow: hidden;}
.c44_list li a.img img{width: 397px; height: 270px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.c44_list li a.img img:hover{-webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
.c44_list li a.img h3{line-height: 47px; position: absolute; bottom: 0px; width: 100%; background: rgba(0, 0, 0, .4); text-align: center; font-size: 18px; color: #fff; font-weight: normal;}
/*c5_index*/
.c5_index{height: 460px; position: relative; background: url(../images/c5_bg.png) no-repeat center center; padding-top: 75px;}
.ttt2{text-align: center;}
.ttt2 h3{font-size: 26px; color: #fff; font-weight: normal;}
.ttt2 span{padding-top: 5px; display: block; font-size: 18px; color: #fff;}
.c55_list{margin-top: 70px; position: relative;}
.c55_list li{float: left; width: 20%; text-align: center; position: relative;}
.c55_list li+li::before{position: absolute; left: 0px; top: 0px; background: url(../images/shu1.png) no-repeat center center; content: ""; width: 2px; height: 47px;}
.c55_list li a.img{display: block; line-height: 55px; height: 55px;}
.c55_list li a.img img{line-height: 55px;}
.c55_list li h3{padding-top: 28px; font-size: 16px; color: #fff; font-weight: normal; line-height: 30px;}
/*c6_index*/
.c6_index{position: relative; padding-top: 75px; padding-bottom: 50px; background: #f1f1f1;}
.ttt3 p{background: url(../images/xian3.png) no-repeat center center;}
.c6_conttt{position: relative;}
.l_btn,
.r_btn{position: absolute; top: 50%; cursor: pointer;}
.l_btn{left: -40px;}
.r_btn{right: -40px;}
.c66_list{position: relative; margin-top: 35px;}
.c66_list li{float: left; margin-left: 5px; margin-right: 5px;}  
.c66_list li img{width: 293px; height: 216px;    border: 1px #ddd solid;}
/*滚动*/
#demo{overflow: hidden; width: 100%; margin: 0 auto;}
#indemo{float: left; width: 800%}
#demo1{float: left;}
#demo2{float: left;}
#m_demo{overflow: hidden; width: 100%; margin: 0 auto;}
#m_indemo{float: left; width: 800%}
#m_demo1{float: left;}
#m_demo2{float: left;}
/*公司简介*/
.c7_index{position: relative; padding-top: 25px; padding-bottom: 20px; background: #f1f1f1;}
.abb_left{width: 660px; float: left;}
.abb_left h3{font-size: 22px; color: #636363; font-weight: normal;}
.abb_left>span{display: block; font-size: 18px; color: #636363; font-weight: normal; padding-bottom: 20px; background: url(../images/heng2.png) no-repeat left bottom;}
.abb_left .abb_txt{font-size: 16px; color: #636363; margin-top: 20px; height: 320px; line-height: 25px; letter-spacing: 1px;}
.abb_left a.abbmore{display: block; width: 118px; background: url(../images/abbmore_bg.png) no-repeat center center; height: 35px; line-height: 35px; color: #fff; text-indent: 55px; margin-top: 45px;}
.abb_right{float: right;}
.abb_right img{width: 500px; height: 500px;}
/*c8_index*/
.c8_index{padding-top: 60px; position: relative; padding-bottom: 40px; background: #f1f1f1;}
.ttt4 p{background: url(../images/xian4.png) no-repeat center center;}
.c8_conttt{position: relative; margin-top: 35px;}
.c8_conttt{position: relative;}
.l_btn2,
.r_btn2{position: absolute; top: 50%; cursor: pointer;}
.l_btn2{left: -40px;}
.r_btn2{right: -40px;}
.c88_list{position: relative; margin-top: 35px;}
.c88_list li{float: left; margin-left: 5px; margin-right: 5px;}
.c88_list li img{width: 290px; height: 216px;}
.c88_list li h3 a{width: 290px; height:40px;line-height:40px;display: block; text-align: center; color: #fff; font-size: 16px; font-weight: normal;background: #0174b5;position: absolute;bottom: 0;}
/*news_index*/
.news_index{position: relative; padding-top: 40px; padding-bottom: 75px; background: #f1f1f1;}
.news_conttt{position: relative; margin-top: 30px;}
.news_aa{width: 640px; border: 1px solid #ccc; padding: 15px 15px 0;height: 376px;}
.news_bb{margin-left: 25px;}  
.news_cc{width: 544px; padding: 15px 15px 25px;}
.nn_tts{border-bottom: 2px solid #d2d2d2; padding-bottom: 5px;}
.nn_tt{position: relative; margin-top: 10px; margin-bottom: 5px;}
.nn_tt h3{font-size: 18px; color: #545454; font-weight: bold;}
.nn_tt h3 span{font-size: 12px; color: #999999; text-transform: uppercase; margin-left: 5px; font-weight: normal;}
.nn_tt a{display: block; position: absolute; right: 0px; top: 6px; font-size: 14px; color: #666666;}
.nn_tt a:hover{color: #339933}
.news_one{position: relative;}
.news_one li{line-height: 30px; border-bottom: 1px dashed #bfbfbf;list-style: none;}
.news_one li a{width:100%;display:block;overflow: hidden;margin: 20px 0;}
.news_one li a img{width:140px;height:120px;float:left;margin-right:20px;}
.news_one li .nec{width:70%;float:left;}
.news_one li .nect{margin-top:8px;color:#339933; font-size: 16px;}
.news_one li .time{color:#979899;}
.news_one li .necdes{line-height: 18px;color:#666;}

.news_two{position: relative;}
.news_two li{line-height: 55px; border-bottom: 1px dashed #bfbfbf; position: relative;}
.news_two li a{color: #666666; font-size: 14px; padding-left: 15px; position: relative;}
.news_two li span{position: absolute; right: 0px; top: 0px;}
.news_two li a::after{position: absolute; left: 0px; top: 10px; width: 3px; height: 3px; background: #666666; content: "";}
.news_two li:hover a{color: #339933;}




/*主体样式*/
#container{width: 1000px; margin: 0 auto; margin-top: 10px;}
.menu_cate{width: 220px; float: left;}
.cate_title{line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000;}
.about{width: 460px; float: left; margin-left: 12px; padding-bottom: 5px;}
.about_title{line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000;}
.about .content{padding: 5px; padding-bottom: 12px; text-indent: 20px;}
.navigation{float: right; width: 100px;}
.index-title{line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000;}
.index-table td{border: solid #add9c0; border-width: 0px 1px 1px 0px; padding: 10px 5px;}
.index-table{border: solid #add9c0; border-width: 1px 0px 0px 1px; margin-top: 10px;}
/*----- Common css ------*/
.fl{float: left;}
.fr{float: right;}
.di{_display: inline;}
.fwn{font-weight: normal;}
.dib{*display: inline; _zoom: 1; _display: inline; _font-size: 0px;}
/*首页新闻*/
.news_company{width: 280px; float: right;}
.news1_title{line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000;}
.news_company .content{padding: 5px;}
/*首页左侧联系我们*/
.contact{width: 218px; float: left; padding-bottom: 5px; margin-top: 10px;}
.contact_title{line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000;}
.contact .content{padding: 5px; padding-left: 8px;}
/*工程案例*/
.case{width: 460px; float: left; margin-left: 12px; padding-bottom: 5px; margin-top: 10px;}
.case_title{line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000;}
.case .content{padding: 5px; padding-bottom: 12px; text-indent: 20px;}
.news2_company{margin-top: 10px;}
/*产品推荐*/
.recommend_product{margin-top: 10px; width: 692px; float: left;}
.recommend_product .title{line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000;}
.recommend_product .content{padding-top: 15px; padding-bottom: 14px;}
.roll_product li{padding-bottom: 0px;}
/*品牌列表*/
.brand-list{margin: 20px 0px; display: flex; display: -webkit-flex; flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img{width: 150px; height: 120px;}
/*前台多页签*/
.news{width: 1000px; float: left; margin-top: 10px;}
.tab{position: relative;}
.tab li{float: left; width: 100px; height: 30px; display: block; line-height: 30px; border: 1px solid #ccc; margin-right: 8px; text-align: center; color: #333; font-size: 12px; cursor: pointer;}
.tab li.cur{color: #fff; text-decoration: none; font-size: 12px; background: #3a78c1; border-color: #3a78c1;}
.tt{display: none;}
.list1{padding: 8px 10px;}
.list1 li{line-height: 27px; position: relative; vertical-align: middle;}
.list1 li a{background: url(../images/list_dot1.gif) left center no-repeat; padding-left: 12px; line-height: 27px; color: #555555;}
.list1 li a:hover{color: #e87518; text-decoration: none;}
.list1 li span{position: absolute; right: 0px; line-height: 30px; top: 0; color: #999;}
/*友情链接*/
.f_link{line-height: 30px; margin-bottom: 40px;}
.f_link a{font-size: 14px; color: #fff; vertical-align: bottom; padding: 0 20px; position: relative;}
.f_link a::after{content: " / "; position: absolute; right: 0px; top: -5px;}
.foot_wap{padding-top: 40px; background: #484848; position: relative;}
.foot_aa{width: 600px; float: left; font-size: 14px; color: #fff; line-height: 40px;}
.foot_bb{margin-left: 110px; width: 280px; text-align: center; font-size: 14px; line-height: 40px; color: #fff;}
.foot_bb img{max-width: 126px;}
.foot_cc{width: 190px; float: right; text-align: right;}
.foot_cc a{display: inline-block; width: 90px; text-align: right; font-size: 16px; color: #ffffff; margin-bottom: 25px;}
.demo-copyright{margin-top: 20px; padding-top: 20px; border-top: 2px solid #707070; text-align: center; font-size: 14px; color: #ffffff; line-height: 30px; padding-bottom: 20px;}
.demo-copyright a{font-size: 14px; color: #ffffff;}
/*------------内页-------------------*/
.left .box{margin-bottom: 10px;}
.left .box h3{line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: url(../images/nav.png) no-repeat 0% 100%; font-size: 14px; color: #000;}
.left .box .content{padding: 5px 0px;}
.prodescription{border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 20px;}
.n_banner{width: 1000px; margin: 0 auto;}
.n_banner img{width: 1000px; margin: 0 auto}
.left{width: 225px; float: left;}
.sort_menu h3{background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold;}
.sort_product{margin-top: 10px;}
.sort_product h3{background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold;}
.n_contact{margin-top: 10px;}
.n_contact h3{background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold;}
.n_contact .content{padding: 5px; line-height: 24px;}
.right{width: 760px; float: right; padding-bottom: 10px;}
.sitemp{line-height: 31px; height: 31px; overflow: hidden; padding-right: 10px; background: url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width: 340px; float: left; line-height: 31px; text-align: center; text-align: left; text-indent: 15px; font-size: 14px;}
.sitemp .site{width: 380px; float: right; text-align: right; line-height: 30px;}
.right .content{padding: 10px; padding-top: 15px; overflow: hidden; line-height: 24px;}
.sort_album{margin-top: 15px;}



	/*分页*/
.pagestyle{margin:10px 0;}
.pagestyle a{border:1px #000 solid;color:#000;padding: 0 4px;margin:0 5px;}
.pagestyle .current{background: #000;color:#fff;padding: 0 4px;margin:0 5px;}